.page-container {
	padding: 28rpx;
	display: flex;
	flex-direction: column;
	height: 100vh;
	box-sizing: border-box;

	> .current-date {
		color: #333333;
		font-size: 32rpx;
	}

	> .tips {
		margin-top: 20rpx;
		background: #dfedff;
		border-radius: 12rpx;
		padding: 8rpx 22rpx;
		display: flex;
		align-items: center;
		width: max-content;
		> .icon {
			width: 40rpx;
			height: 40rpx;
		}
		> .text {
			margin-left: 18rpx;
			font-size: 28rpx;
			color: #2172ed;
		}
	}

	> .map-container {
		margin-top: 40rpx;
		border-radius: 20rpx;
		overflow: hidden;
		> .map {
			width: 100%;
			height: 400rpx;
		}
	}

	.get-location-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 0;
		flex: 1;
		flex-direction: column;

		.get-location-btn {
			background: url("https://xwx.gzzmedu.com/pic/AaeuY21nBJirXjttRFcL.png")
				no-repeat;
			background-size: 100% 100%;
			width: 320rpx;
			height: 320rpx;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 52rpx;
			font-weight: 500;
		}

		.location-text {
			margin-top: 88rpx;
			display: flex;
			align-items: center;
			max-width: 80%;

			.image {
				min-width: 44rpx;
				max-width: 44rpx;
				height: 44rpx;
			}

			.text {
				margin-left: 12rpx;
				font-size: 32rpx;
				color: #666666;
			}
		}
	}

	.confirm-btn-container {
		padding: 30rpx 15rpx;

		.confirm-btn {
			height: 80rpx;
			background-color: #3b70e4;
			line-height: 80rpx;
			text-align: center;
			color: #fff;
			border-radius: 40rpx;

			&.disabled {
				background: #ccc;
			}
		}
	}
}
